﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE 6 ]><html class="ie6"><![endif]-->
<!--[if IE 7 ]><html class="ie7"><![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>选择02</title>




  <!--css-->
<%template src="cssjs.html"%>
<!--/css-->
  




</head>

<body>

<div class="wrapper">
    <!--Header-->
<%template src="_header.html"%>
<!--/Header-->
  
  
  
  <div id="page_modules">
    
    <div class="center_wrapper center_lineGreen clearfix">
      <div class="left_con_m">
        <div class="tile_left_m">
          <div class="tile_zh">订购疗程 欢迎您！</div>
          <div class="tile_en"><em class="black">Order</em><em class="darkGreen">juiceup</em><em class="lightGreen">Welcome</em></div>
        </div>
        
        <div class="order_warp">
        
            <div class="order_step">
              <ul>
              <li>第一步：疗程开始日期</li>
              <li class="selected">第二步：确认</li>
              <li>第三步：付款</li>
              </ul>
            </div>
            
            <div class="orderNum"><span class="tile">订单号：</span>106454</div>
            
            <div class="orderInfoWarp">
              <div class="orderInfo">
                <span class="num">1.</span>
                <ul>
                <li>
                  <span class="tile">所选疗程：</span>
                  <select class="tetselect">
                    <option>美味纤体系列</option>
                    <option>健康均衡系列</option>
                    <option>健康均衡系列</option>
                    <option>美味纤体系列</option>
                  </select>
                </li>
                <li>
                  <span class="tile">送达日期：</span>
                  <input class="tetinput" type="text" value="" />
                </li>
                <li>
                  <span class="tile">送达时间：</span>
                  <input class="tetinput" type="text" value="" />
                </li>
                <li>
                  <span class="tile">送达地址：</span>
                  <input class="tetinput" type="text" value="" />
                </li>
                <li>
                  <span class="tile">联系电话：</span>
                  <input class="tetinput" type="text" value="" />
                </li>
                </ul>
              </div>
              
              <div class="orderInfo">
                <span class="num">2.</span>
                <ul>
                <li>
                  <span class="tile">所选疗程：</span>
                  <select class="tetselect">
                    <option>美味纤体系列</option>
                    <option>健康均衡系列</option>
                    <option>健康均衡系列</option>
                    <option>美味纤体系列</option>
                  </select>
                </li>
                <li>
                  <span class="tile">送达日期：</span>
                  <input class="tetinput" type="text" value="" />
                </li>
                <li>
                  <span class="tile">送达时间：</span>
                  <input class="tetinput" type="text" value="" />
                </li>
                <li>
                  <span class="tile">送达地址：</span>
                  <input class="tetinput" type="text" value="" />
                </li>
                <li>
                  <span class="tile">联系电话：</span>
                  <input class="tetinput" type="text" value="" />
                </li>
                </ul>
              </div>
              <div class="orderInfo">
                <span class="num">3.</span>
                <ul>
                <li>
                  <span class="tile">所选疗程：</span>
                  <select class="tetselect">
                    <option>美味纤体系列</option>
                    <option>健康均衡系列</option>
                    <option>健康均衡系列</option>
                    <option>美味纤体系列</option>
                  </select>
                </li>
                <li>
                  <span class="tile">送达日期：</span>
                  <input class="tetinput" type="text" value="" />
                </li>
                <li>
                  <span class="tile">送达时间：</span>
                  <input class="tetinput" type="text" value="" />
                </li>
                <li>
                  <span class="tile">送达地址：</span>
                  <input class="tetinput" type="text" value="" />
                </li>
                <li>
                  <span class="tile">联系电话：</span>
                  <input class="tetinput" type="text" value="" />
                </li>
                </ul>
              </div>
              <div class="orderInfo">
                <span class="num">4.</span>
                <ul>
                <li>
                  <span class="tile">所选疗程：</span>
                  <select class="tetselect">
                    <option>美味纤体系列</option>
                    <option>健康均衡系列</option>
                    <option>健康均衡系列</option>
                    <option>美味纤体系列</option>
                  </select>
                </li>
                <li>
                  <span class="tile">送达日期：</span>
                  <input class="tetinput" type="text" value="" />
                </li>
                <li>
                  <span class="tile">送达时间：</span>
                  <input class="tetinput" type="text" value="" />
                </li>
                <li>
                  <span class="tile">送达地址：</span>
                  <input class="tetinput" type="text" value="" />
                </li>
                <li>
                  <span class="tile">联系电话：</span>
                  <input class="tetinput" type="text" value="" />
                </li>
                </ul>
              </div>
              
            </div>
          </div>
        
      </div>
      <div class="right_con_m">
        <p class="hotLineRight">欢迎拨打<br />JuiceUp 清体健康热线：<br />4001-8-42779</p>
        <div class="orderConf">
          <h5>确认您的订单：</h5>
          <div class="price">产品：¥ 12345.00 RMB</div>
          <div class="shipping">运费：¥ 0 RMB</div>
          
          <div class="moreOrder">
            <label class="tile"><input type="checkbox" name="" value="radio" />多人订购 优惠更多</label>
            <div id="moreOrderInfo">
              <div>输入人数 最终价格会便宜哦</div>
              <div class="moreOrder_l">
                <img class="floatleft" src="images/icon_x.gif" width="22" height="28" />
                <input class="tetinput_sl" type="text" value="" />
                <button type="submit" class="btn">提交</button>
              </div>
            </div>
          </div>
          
          <div class="orderGift">
            <div>
            <label class="tile"><input type="checkbox" name="" value="radio" />有礼品卡</label>
            <a class="btn" href="#">验证</a>
            </div>
            <input class="tetinput" placeholder="请输入相对应的礼品卡编码" type="text" value="" />
          </div>
          
          <div class="orderDiscount">
            <div>
            <label class="tile"><input type="checkbox" name="" value="radio" />有折扣码</label>
            <a class="btn" href="#">验证</a>
            </div>
            <input class="tetinput" type="text" value="" />
          </div>
          
          <div class="payingPrice">
            <span>应付价格：</span>
            ¥ 1000.00 RMB
          </div>
          <div class="paymentList">
            <h6>支付方式</h6>
            <label><input type="radio" name="payment" value="radio" />在线支付</label>
            <label><input type="radio" name="payment" value="radio" />货到付款</label>
          </div>
          
          <div class="btn_next"><a href="javascript:void(0);">确认支付</a></div>
        </div>
        <p><img src="images/icon_tips.gif" /></p>
        <h4 class="darkGreen">温馨提示：</h4>
        <div class="reminder_right idTabs">
          <div class="item">
            <h5><a href="#reminder_item01">订购截止时间<span class="icon_r"></span></a></h5>
            <div id="reminder_item01" class="info">
              <p>1.敬请在排毒日前至少2个工作日作出订购。例如您想在星期三开始排毒，则需在星期一12:00pm前订购，我们便会在星期二把果汁送达府上。</p>
              <p>2.但我们建议您在所选排毒日期前一个星期预定疗程，以确保您有足够的时间阅读并实施“排毒前注意事项”，预先调整饮食习惯，可令疗程的效果更佳显著，也可避免旺季时无法满足您的需求。</p>
            </div>
          </div>
          <div class="item">
            <h5><a href="#reminder_item02">更改及取消<span class="icon_r"></span></a></h5>
            <div id="reminder_item02" class="info">
              <p>们建议您在所选排毒日期前一个星期预定疗程们建议您在所选排毒日期前一个星期预定疗程</p>
            </div>
          </div>
          <div class="item">
            <h5><a href="#reminder_item03">多人订购优惠方法<span class="icon_r"></span></a></h5>
            <div id="reminder_item03" class="info">
              <p>星期预定疗程们建议您在所选排毒日期前一个星期预们建议您在所选排毒日期前一个定疗程</p>
            </div>
          </div>
          <div class="item">
            <h5><a href="#reminder_item04">索要发票方式<span class="icon_r"></span></a></h5>
            <div id="reminder_item04" class="info">
              <p>们建议您在所选排毒日期前一个星期预定疗程</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
  

  <!--Footer-->
<%template src="_footer.html"%>
<!--/Footer-->